<!DOCTYPE html>
<html>
<head>
    <title>Width</title>
    <link rel="stylesheet" href="./test.css">
    <meta charset="utf-8"/>
</head>
<body>
    <p class="grey"><div class="blue"><p class="red tight content">P inside DIV inside P</p></div>
	 The quick brown fox jumps over the lazy dog.
	</p><!-- closing tag will be ignored as p is already implicitely closed -->
	<div class="blue">Text inside DIV<div class="green inline">inline-DIV</div></div>

	<div class="green floatleft tight quarter">
	 The quick brown fox jumps over the lazy dog.
	 The quick brown fox jumps over the lazy dog.
	</div>
	<div class="grey">
	  <img class="floatleft blue tight"
		   src="https://freeiconshop.com/wp-content/uploads/edd/image-solid.png">
	   The quick brown fox jumps over the lazy dog.
	  <p class="red tight content">
		  The quick fox.
	  </p>
	   The quick brown fox jumps over the lazy dog.
	  <p class="violet tight content">
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	  </p>
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	   The quick brown fox jumps over the lazy dog.
	</div>
</body>
</html>
